<!--
 * Description: TempModel查看页面
 * Company: 联宝（合肥）电子科技有限公司
 * Author: Chengming.Li
 * Date: 2020/11/20 11:40
-->

<template>
  <div style="padding-left: 20px">
    <!--数据表单-->
    <el-form label-position="left" label-width="130px" :model="inputData" size="mini">
      <el-row>
        <el-col :span="12">
          <!--temp-model编号-->
          <el-form-item label="Temp-Model编号">
            <span>{{ inputData.tempModel }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <!--事业部-->
          <el-form-item :label="$t('Project.bu')">
            <span>{{ inputData.bu }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <!--所属机种-->
          <el-form-item label="所属机种">
            <span>{{ inputData.modelOid }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--所属机种名称-->
          <el-form-item label="所属机种名称">
            <span>{{ inputData.modelName }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--系列-->
          <el-form-item :label="$t('ProjectView.series')">
            <span>{{ inputData.series }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--系列Id-->
          <el-form-item label="系列ID">
            <span>{{ inputData.seriesId }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--项目-->
          <el-form-item label="项目">
            <span>{{ inputData.project }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--专案ID-->
          <el-form-item label="专案ID">
            <span>{{ inputData.projectOid }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--项目经理-->
          <el-form-item label="项目经理">
            <span>{{ inputData.pmName }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--间隔天数-->
          <el-form-item label="间隔天数">
            <span v-if="inputData.remind === null">0天</span>
            <span v-else>{{ inputData.remind }}天</span>
          </el-form-item>
        </el-col>
        <el-col :span="$stringLength(inputData.description) > 30 ? 24 : 12">
          <!--摘要-->
          <el-form-item label="摘要">
            <span>{{ inputData.description }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="$stringLength(inputData.remark) > 30 ? 24 : 12">
          <!--备注-->
          <el-form-item label="备注信息">
            <span>{{ inputData.remark }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--是否删除-->
          <el-form-item label="是否删除">
            <span>{{ $store.getters['dict/dictValueByParent']('YnNum', inputData.deleted) }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <!--创建人-->
          <el-form-item :label="$t('ProjectView.createUser')">
            <span>{{ $store.getters['user/getUserNameById'](inputData.createdBy) }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <!--创建时间-->
          <el-form-item :label="$t('ProjectView.createTime')">
            <span>{{ inputData.createdDate }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <!--修改人-->
          <el-form-item :label="$t('ProjectView.modifyUser')">
            <span>{{ $store.getters['user/getUserNameById'](inputData.modifiedBy) }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <!--修改时间-->
          <el-form-item :label="$t('ProjectView.modifyTime')">
            <span>{{ inputData.modifiedDate }}</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <!--更新次数-->
          <el-form-item label="更新次数">
            <span>{{ inputData.updateCount }}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'ProjectTempModelView',
  props: {
    inputData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {
    this.pageDataInit()
  },
  mounted() {},
  methods: {
    pageDataInit() {}
  }
}
</script>

<style scoped>
.el-form-item__content span {
  margin-left: 5px;
  color: blue;
}
</style>
